<template>
  <div class="box-border flex w-full flex-col items-center justify-center px-5 pb-5 text-center lg:mx-auto lg:w-100">
    <p class="mb-2.5 text-sm text-[#fff]">{{ $mt('Stay Updated With Us') }}</p>
    <div class="mb-9 flex items-center">
      <WImage class="mr-3 h-6 w-6" v-for="item in linkList" :src="useAsset(item.img)" width="25px" height="25px" />
    </div>
    <p class="text-xs text-[#fff] opacity-[0.6] mb-10">© 2023 BitTopup Gamer Mall (11111111) (100E568-K)</p>
  </div>
</template>

<script setup lang="ts">
import WImage from '~/components/logic/WImage.vue'
import { useAsset } from '~/utils'

const linkList = ref([
  {
    img: 'pc-home/pchome_contact_facebook_2x.webp',
  },
  {
    img: 'pc-home/pchome_contact_twi_2x.webp',
  },
  {
    img: 'pc-home/pchome_contact_youtube_2x.webp',
  },
  {
    img: 'pc-home/pchome_contact_ins_2x.webp',
  },
  {
    img: 'pc-home/pchome_contact_tiktok_2x.webp',
  },
])
</script>

<style lang="scss"></style>
